fix(web): align file icon with text in Read/Edit tool rows - #231
Conversation
|
Caution Review failedThe pull request is closed. ℹ️ Recent review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (98)
📝 WalkthroughWalkthroughThe PR centers file icons in Read and Edit tool rows, records a patch changeset, and regenerates web assets with updated dependencies and bundled diagram, editor, language, and Vue runtime modules. ChangesTool alignment and web bundle
Estimated code review effort: 3 (Moderate) | ~20 minutes ✨ Finishing Touches 💡 1🛠️ Fix failing CI checks 💡
Warning Some tools did not complete. Review the errors below. 🔧 ast-grep (0.45.2)apps/pythinker-code/dist-web/assets/cynefin-OW5HDTMX-bXF9dhPA.jsast-grep timed out on this file apps/pythinker-code/dist-web/.web-bundle-manifest.jsonast-grep did not scan this file: retry isolation stopped after a systemic timeout or after exhausting the retry isolation budget apps/pythinker-code/dist-web/assets/CodeBlockNode-DUUxKNHt.jsast-grep did not scan this file: retry isolation stopped after a systemic timeout or after exhausting the retry isolation budget
Comment |
commit: |
Summary
The file-type icon after the Read/Edit label sat above the text line.
.bh-textaligns children by baseline, and.tl-ficonhadline-height: 0, so its baseline collapsed to its bottom edge and the icon rode high. Droppedline-height: 0and addedalign-self: centerin ReadTool.vue / EditTool.vue; restageddist-web.Testing
pnpm run build:webSummary by CodeRabbit
Bug Fixes
Chores